<!--
*** Created by zhumin on 2023/09/12.***
*** Description: "暂时不用"
-->
<template>
  <div class="layout">
    <div class="layout-top">
      <div class="layout-top-left">
        <div class="layout-top-logo"></div>
        <div class="layout-top-title">第五届全国智力运动会成绩信息发布系统</div>
      </div>
      <div class="layout-title-right">
        <div class="time">2023年11月8日-18日</div>
        <div class="address">安徽-合肥</div>
      </div>
    </div>
    <div class="layout-content">
      <!-- <div class="content-top">
        <el-tabs v-model="tabActive" type="card" @tab-click="handleClick">
          <el-tab-pane label="赛程赛果" name="scheduel">赛程赛果</el-tab-pane>
          <el-tab-pane label="代表团成绩" name="result">代表团成绩</el-tab-pane>
          <el-tab-pane label="运动员" name="athelete">运动员</el-tab-pane>
        </el-tabs>
      </div> -->

      <el-menu
        :default-active="menuActive"
        class="el-menu-demo"
        mode="horizontal"
        @select="handleSelect"
        background-color="#000"
        text-color="#fff"
        active-text-color="#ffffff"
        router
      >
        <el-submenu index="scheduel">
          <template slot="title">赛程赛果</template>
          <el-menu-item index="scheduel/overview">总日程</el-menu-item>
          <el-menu-item index="scheduel/daily">单日赛程</el-menu-item>
          <el-menu-item index="scheduel/item">单项赛程</el-menu-item>
        </el-submenu>
        <el-menu-item index="result" style="padding:0 30px 0 27px !important">
          代表团成绩
        </el-menu-item>
        <el-menu-item index="athelete" style="padding:0 30px 0 27px !important">
          运动员
        </el-menu-item>
      </el-menu>
    </div>
    <div class="layout-footer">
      <router-view></router-view>
    </div>
  </div>
</template>
<script>
import { mapState } from 'vuex'
import Util from '@/assets/js/util'
import Storage from '@/assets/js/storage'
export default {
  created() {},
  mounted() {},
  data() {
    return {
      menuActive: 'overview'
    }
  },
  watch: {},
  computed: {
    ...mapState({})
  },
  filters: {},
  components: {},
  methods: {
    handleSelect() {}
  }
}
</script>
<style scoped lang="scss">
@import '@/assets/less/overview.scss';
</style>
